<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" isELIgnored="false" %>
<%@ include file="/views/common/resources.jsp" %>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> 
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>      
<!DOCTYPE html>
<html style="height: 100%;">
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <link href="<%=basePath %>resources/js/common/plugin/My97DatePicker/skin/WdatePicker.css" rel="stylesheet">
	<link href="<%=basePath %>resources/js/common/plugin/select2/css/select2.min.css" rel="stylesheet" />
	<link href="<%=basePath %>resources/js/common/plugin/flexigrid/flexigrid.css" rel="stylesheet" />
	<link href="<%=basePath %>resources/css/common.css" rel="stylesheet">
    <link href="<%=basePath %>resources/css/style.css" rel="stylesheet">
    <link href="<%=basePath %>resources/css/report.css" rel="stylesheet">
	
	<script src="<%=basePath %>resources/js/common/plugin/select2/js/select2.min.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/echarts/echarts.min.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/My97DatePicker/WdatePicker.js"></script>
    <script src="<%=basePath %>resources/js/common/plugin/flexigrid/flexigrid.js"></script>
    
<title>平台整体分析</title>
<style>
	.night-chart-list{
		height:270px;
	}
	.night-chart-bar{
		width:100%;height:100%;/* border-right: 1px dashed #dfdddd; */
	}
	#inputStartDate,#inputEndDate{
		height:24px;
		border-color:#dedede;
	}
</style>
</head>
<script type="text/javascript">
var appCtx="<%=basePath%>";
var platform_id ='${platfromid}';
</script>
<body class="driving"  style="height: 100%; overflow: auto">
    	  <div class="query clearfix"  style="margin-top: 20px">
          <div class="query-list fl"  id="vehicleSelDiv">
           	<!--平台 名称-->
			<select class="query-select" id="platform_id" >
				<option value=''>请选择平台名称</option>
            </select>
          </div>     
          <div class="query-list fl" >
          	<!--维度选择-->
		   	<select class="query-select"  id="veidoo" onchange="selectveidoo()">
		   		<option value="day" >按天查询</option>
		   		<option value="week" >按周查询</option>
		   		<option value="month" >按月查询</option>
            </select>
          </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <div class="query-list fl" style="margin-right: 80px;"  >
              <!-- <label class="query-label fl">时间:</label> -->
            <input type="text" id="month" class="query-input fl Wdate Time_input"  onclick="WdatePicker({dateFmt:'yyyy-MM',maxDate:'%y-{%M-1}'})"  style="width:150px;display: none;">
            <input type="text" id="day" class="query-input fl Wdate Time_input" onclick="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-{%d-1}'})"  style="width:150px;">
            <select class="query-select" style="width:217px;display: none;" id="week" ></select>
          </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a class="query-btn query-require db fl" href="javascript:;" title="查询" id="queryBtn" onclick="PlatformAnalyzes.queryTable()" >查询</a>&nbsp;&nbsp;
        <a class="query-btn query-export db fl" href="javascript:;" title="导出" id="exportExcel" onclick="PlatformAnalyzes.exportExcel()" >导出</a>
    </div>
	<div class="page" style='padding-right:10px'>
		<div class="clearfix" style='margin-top:20px'>
           <div class="fl night-chart-list chart-line" style="width:55%;" id="chartMillage1">
           
           <div class="title-name clearfix" style="padding-left: 0px;float: left;display: block;margin-bottom: 10px;"><p>连通率分析</p></div>
         	   <div class="detail-report">
           		 <table id="objTable1"></table>
       		   </div>
           </div>
           <div class="fr night-chart-list chart-line" style="width:44%;">
           <div class="title-name clearfix" style="padding-left: 0px;float: left;display: block;margin-left: 20px;"><p>连通率统计</p></div>
       		    <div class="fl night-chart-list chart-bar" style="width:100%;">
                	<div id="barChart" class="night-chart-bar"></div>
                </div>
           </div>
        </div>
        <div class="clearfix" style='margin-top:20px'>
           <div class="fl night-chart-list chart-line" style="width:55%;" id="chartMillage2">
           
           <div class="title-name clearfix" style="padding-left: 0px;float: left;display: block;margin-bottom: 10px;margin-top: 20px;"><p>入网率和上线率分析</p></div>
         	   <div class="detail-report" >
           		 <table id="objTable2"></table>
       		   </div>
           </div>
           <div class="fr night-chart-list chart-line" style="width:44%;">
           
           <div class="title-name clearfix" style="padding-left: 0px;float: left;display: block;margin-left: 20px;margin-top: 20px;"><p>入网率和上线率统计</p></div>
       		    <div class="fl night-chart-list chart-bar" style="width:100%;">
                	<div id="doubleBarChart" class="night-chart-bar"></div>
                </div>
           </div>
        </div>
        <div class="clearfix" style='margin-top:20px'>
           <div class="fl night-chart-list chart-line" style="width:100%;" id="chartMillage3">
           <div class="title-name clearfix" style="padding-left: 0px;float: left;display: block;margin-bottom: 10px;margin-top: 40px;"><p>行业考核分析</p></div>
         	   <div class="detail-report">
           		 <table id="objTable3"></table>
       		   </div>
           </div>
        </div>
        <div class="clearfix" style='margin-top:20px'>
        <div class="title-name clearfix" style="padding-left: 0px;float: left;display: block;margin-bottom: 10px;margin-top: 60px;"><p>报警情况分析</p></div>
           <div class="fl night-chart-list chart-line" style="width:100%;" id="chartMillage4">
         	   <div class="detail-report">
           		 <table id="objTable4"></table>
       		   </div>
           </div>
        </div>
        <div class="clearfix" style="width:100%;margin-top:20px" >
           <div class="fl night-chart-list chart-line" style="width:55%;" id="chartMillage5">
           
           <div class="title-name clearfix" style="padding-left: 0px;float: left;display: block;margin-bottom: 10px;"><p>平台考核分析</p></div>
         	   <div class="detail-report" >
           		 <table id="objTable5"></table>
       		   </div>
           </div>
           <div class="fl night-chart-list chart-line" style="width:43%;margin-left:2%;">
           
           <div class="title-name clearfix" style="padding-left: 0px;float: left;display: block;margin-bottom: 10px;"><p>平台考核统计</p></div>
           <div id="pieChart" class="night-chart-bar" style="margin-top: 20px"></div>
           
           </div>
        </div>
	</div>
<script src="<%=basePath %>resources/js/common/main/global.js"></script>
<script src="<%=basePath %>resources/js/common/main/nav.js"></script>
<script src="<%=basePath %>resources/js/common/util/common.js"></script>
<script src="<%=basePath %>resources/js/business/report/platformanalyzesAL.js"></script>
</body>
</html>